{var $no_blocks = empty($context['lp_active_blocks'])}
{var $articles = $context['lp_frontpage_articles']}
{var $num_columns = $context['lp_frontpage_num_columns']}
{var $show_icons = !empty($modSettings['lp_show_views_and_comments'])}

{if $no_blocks}
<div class="col-xs">
{/if}

	<div class="lp_frontpage_articles article_spectre_view">
		{do show_pagination()}

		<div n:foreach="$articles as $article" class="col-xs-12 col-sm-6 col-md-{$num_columns}">
			<div class="card">
				<a n:if="!empty($article[image])" class="card-image" href="{$article[link]}">
					<img src="{$article[image]}" alt="{$article[title]}">
				</a>
				<div class="card-header">
					<span n:if="$show_icons" class="floatright">
						{if !empty($article[views][num])}
							{icon('views', $article[views][title])}
							{$article[views][num]}
						{/if}
						{if !empty($article[views][after])}
							{$article[views][after]|noescape}
						{/if}
						{if !empty($article[is_redirect])}
							{icon('redirect')}
						{/if}
						{if !empty($article[replies][num])}
							{icon('replies', $article[replies][title])}
							{$article[replies][num]}
						{/if}
						{if !empty($article[replies][after])}
							{$article[replies][after]|noescape}
						{/if}
					</span>
					<a class="card-title" href="{$article[link]}">{$article[title]}</a>
					<div class="card-subtitle">{$article[date]|noescape}</div>
				</div>
				<div n:if="!empty($article[teaser])" class="card-body">
					{teaser($article[teaser])}
				</div>
			</div>
		</div>

		{do show_pagination(bottom)}
	</div>

{if $no_blocks}
</div>
{/if}